@import (reference) "./pixel.less";

// color
@rgb-white: white;
@rgb-aurum: #D5AC73;
// translucent color
@rgba-white: rgba(255, 255, 255, 0.95);
@rgba-aurum: rgba(213, 172, 115, 0.5);

// separation
@separation-xxs: @pixel-6;
@separation-xs: @pixel-10;
@separation-sm: @pixel-12;
@separation: @pixel-16;
@separation-lg: @pixel-24;

// font-size
@font-size-xs: @pixel-20;
@font-size-sm: @pixel-22;
@font-size: @pixel-24;
@font-size-md: @pixel-28;
@font-size-lg: @pixel-32;
@font-size-xl: @pixel-40;
@font-size-xxl: @pixel-48;
@font-size-flat-sm: @pixel-flat-22;
@font-size-flat: @pixel-flat-24;
@font-size-flat-xxl: @pixel-flat-48;

// icon-size
@icon-size-sm: @pixel-32;
@icon-size: @pixel-40;

// bullet-size
@bullet-size: @pixel-10;


// border
@border-size: @pixel-16;
@border-radius: @border-size;
@border-value: @pixel-1 solid rgba(0, 0, 0, .1);